a:hover{
    cursor: pointer;
}
/* banner开始 */

.banner { 
    height: 185px;
    background-color: rgb(58, 29, 92);   
    img {
        height: 185px;
        width: 960px;
        margin: 0 120px;
    }
}

/* tab */

.tab {
    // 导航
    .bar{
        height:50px;
        padding: 0 40px;
        margin: 10px auto 0;
        background: #FFFFFF;
        box-shadow: 0px 1px 2px 0px rgba(118, 118, 118, 0.2);
        li {
            float: left;
            padding: 0 22px;
            margin: 12px 0;
            border-right: 1px solid #bfbfbf;
            a {
                height: 50px;
                font-size: 14px;
                color: #262626;
            }
            a:hover {
                color: #00a4ff;
                font-weight: 600;
             }
        }
    }
    // tab内容
    // 初级工程师
    .tab_content{
        height: 420px;
        background: #FFFFFF;
        margin-top: 10px;
        overflow: hidden;
        // 左侧头像
        li{
            float: left;
        }
        .content_left{
            width: 180px;
            height: 100%;
            h2{
                width: 100%;
                color: #BA7CE1;
                text-align: center;
                padding-top: 80px;
            }
            img{
                width: 140px;
                height: 140px;
                margin: 0 20px;
                border:1px dashed #262626;
            }
        }
        // 圆圈
        .content_img{
             width: 60px;
             height: 100%;
             position: relative;
             margin-left: 10px;
             i{
                 position: absolute;
                 border: 1px solid #BA7CE1;
             }
             :nth-child(1),:nth-child(4){
                 top: 50px;
                 height: 10px;
                 width: 10px;
                 border-width: 5px;
                 border-radius: 50%;
                 margin-left: 6px;
             }
             :nth-child(4){
                 top: 350px;
             }
             :nth-child(2){
                top: 80px;
                width: 20px;
                height: 20px;
                border-width: 6px;
                border-radius: 50%;
            }
             :nth-child(3){
                top: 110px;
                width: 5px;
                height: 220px;
                background-color: #BA7CE1;
                margin-left: 8px;

            }
        }
        // 课程介绍
        .content_mid{
            height: 287px;
            width: 340px;
            margin-top: 55px;
            a{
                font-size: 20px;
                font-weight: 400;
            }
            .introduce{
                color: #666666;
                font-size: 14px;
                line-height: 26px;
            }
            .price{
                margin-top: 16px;
                font-size: 14px;
                i{
                    font-style: normal;
                    color: #FF2D2D;
                }
                span{
                    padding-left: 40px;
                    text-decoration: line-through;
                    color: #999999;
                    i{
                        color: #FF7C2D;
                    }
                }
            }
        }
        //课程
         .course{
           position: relative;
           margin-left: 48px;
           height: 310px;
           width: 550px;
           margin-top: 55px;
           .slide{
            position: absolute;
            left: 0;
            bottom:-40px;
            width: 500px;
            height: 10px;
            }
           ul{
               width: 1340px;
               li{
                   float: left;
                   width: 228px;
                   height: 270px;
                   margin-right:40px;
                   box-shadow: 0px 2px 5px 0px rgba(118, 118, 118, 0.5);
                   img{
                       width: 228px;
                   }
                   a{
                       display: block;
                       height: 20px;
                       font-weight: 500;
                       font-size: 14px;
                       margin: 20px 30px;
                   }
                   p{
                       height: 20px;
                       font-size: 12px;
                       color: #FF7C2D;
                       padding: 20px 30px;
                   }
                   i,span{
                       color: #606060;
                       padding: 0 6px;
                   }
                   .course_item{
                       position: relative;
                   }
                   .triangle{
                       position: absolute;
                       top: 120px;
                       left: 242px;
                       width: 0;
                       height: 0;
                       border: 10px solid transparent;
                       border-left-color: #BA7CE1;
                   }

                   .new{
                       position: absolute;
                       top: 4px;
                       right: -4px;
                       width: 40px;
                       height: 20px;
                   }
               }
           }
}
    }
    // 中级工程师
    .middle_rank{
        .content_left{
            h2{
                color: #B249A5;
            }
        }
        .content_img{
            i{
                border-color: #B249A5;
            }
        }
        .course .course_item{
            .triangle{
                border-left-color: #B249A5;
            }
        }
    }
    // 高级工程师
    .high_rank{
        .content_left{
            h2{
                color: #8F4BB8;
            }
        }
        .content_img{
            i{
                border-color: #8F4BB8;
            }
        }
        .course .course_item{
            .triangle{
                border-left-color: #8F4BB8;
            }
        }
    }
}